<template>
    <div id="icon">
        <img :src="icon.path">
        <span>{{icon.value}}</span>
    </div>
</template>

<script>
    export default {
        props: {
          icon: {
              type: Object,
              required: true
          }
        },
        name: "Icon"
    }
</script>

<style scoped>
    img{
        vertical-align: middle;
        width: 18px;
        height: 18px;
    }
    span {
        color: #a6a6a6;
        vertical-align: middle;
    }
</style>
